<template>
  <div style="width: 100%;height:100%;">
    <!-- <h2>arcall 相关组件</h2> -->
    <!-- 发起呼叫 -->
    <send-call v-if="getCommentsStatus === 0" />
    <!-- 呼叫邀请等待 -->
    <response-call v-else-if="getCommentsStatus === 1" />
    <!-- 通话 -->
    <in-call v-else-if="getCommentsStatus === 2" />
  </div>
</template>

<script>
import InCall from "./component/InCall.vue";
import ResponseCall from "./component/ResponseCall.vue";
import SendCall from "./component/SendCall.vue";
import { mapGetters } from "vuex";
export default {
  computed: {
    ...mapGetters(["getCommentsStatus"]),
  },
  components: { SendCall, ResponseCall, InCall },
};
</script>

<style scoped lang="less"></style>
